<template>
    <div class="vp-raw">
        <ElEditTable v-model:data="data" ref="myTable" :is-edit="isEdit">
            <ElTableColumn label="ID" prop="id"></ElTableColumn>
            <ElEditTableColumn label="性别" prop="gender" :is="ElSelect" :data="selectData" optionLabel="label"
                optionValue="value">
            </ElEditTableColumn>
        </ElEditTable>
    </div>
</template>
<script setup lang="ts">
import 'element-plus/dist/index.css'
import { ElEditTable, ElEditTableColumn } from "@howuse/element-plus-edit-table"
import { ElSelect, ElTableColumn } from "element-plus"
import { ref } from 'vue';

const myTable = ref();
const isEdit = ref(true);

const selectData = [
    { label: '男', value: 1 },
    { label: '女', value: 2 },
]

const data = ref([
    { id: 11, gender: 1 },
])
</script>
<style scoped></style>